<div class="navbar">
    <div class="nav-container">
        <div class="nav-left">
            <a href="home.html" class="nav-logo">心理健康科普平台</a>
        </div>
        <div class="nav-center">
            <div class="nav-search">
                <input type="text" id="searchInput" placeholder="搜索文章..." class="search-input">
                <button class="search-button" onclick="handleSearch()">
                    <svg t="1710414261094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4223" width="16" height="16">
                        <path d="M469.333333 768c-166.4 0-298.666667-132.266667-298.666666-298.666667s132.266667-298.666667 298.666666-298.666666 298.666667 132.266667 298.666667 298.666666-132.266667 298.666667-298.666667 298.666667z m0-85.333333c119.466667 0 213.333333-93.866667 213.333334-213.333334s-93.866667-213.333333-213.333334-213.333333-213.333333 93.866667-213.333333 213.333333 93.866667 213.333333 213.333333 213.333334z m251.733334 0l119.466666 119.466666-59.733333 59.733334-119.466667-119.466667 59.733334-59.733333z" fill="#999999" p-id="4224"></path>
                    </svg>
                </button>
            </div>
        </div>
        <div class="nav-right">
            <div class="nav-user">
                <div class="nav-username" id="usernameDisplay" onclick="toUserCenter()">
                    未登录
                </div>
                <div class="nav-user-login">
                    <button class="log-button" id="loginButton" onclick="handleLoginLogout()">
                        去登录
                    </button>
                </div>
            </div>
        </div>
    </div>
</div> 